  /***单伪元素*/
  .clearfix::after {
      content: "";
      display: block;
      clear: both;
}
  /*双伪元素法*/
  .clearfix::before
  ,clearfix::after{
      content: "";
      display: table;
  }
.clearfix::after{
    clear: both;
}
